<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <link rel="stylesheet" href="./css.css">
  <link rel="stylesheet" href="./swiper.css">
  <link rel="stylesheet" href="./Swiper-3.4.2/Swiper-3.4.2/dist/css/swiper.min.css">
  <title>Document</title>
</head>

<body>

  <nav>

    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <img src="./pexels-fr3nks-305565.jpg" alt="">
        </div>
        <div class="swiper-slide">
          <img src="./pexels-fr3nks-305568.jpg" alt="">
        </div>
        <div class="swiper-slide">
          <img src="./pexels-jmeyer1220-668300.jpg" alt="">
        </div>
      </div>
      <div class="swiper-pagination"></div>
    </div>

  </nav>
  <nav>
    <div class="header">
      <div style="display: flex; position: absolute;">
        <div class="logoimg"><img src="./ded8c421c1cdef98124473d00f71046.png" alt=""></div>
        <div class="logo">Medical 迈迪科</div>
      </div>
      
      <div class="menu">
        <span class="spanmenu" onclick="window.location.href='http://localhost:8082/#/introduce'">产品</span>
        <span class="spanmenu" onclick="window.location.href='http://localhost:8082/#/introduce'">价格</span>
        <span class="spanmenu" onclick="window.location.href='http://localhost:8082/#/introduce'">特点</span>
        <span class="spanmenu" onclick="window.location.href='http://localhost:8082/#/introduce'">维修</span>
        <span class="spanmenu" onclick="window.location.href='http://localhost:8082/#/introduce'">售后</span>
        <span class="spanmenu1" onclick="window.location.href='http://localhost:8082/#/introduce'">联系我们</span>
      </div>
      <div class="userlogin">
        <span>登陆 / 注册</span>
      </div>
    </div>
  </nav>

  <script src="./Swiper-3.4.2/Swiper-3.4.2/dist/js/swiper.min.js"></script>

  <!-- Initialize Swiper -->
  <script>
    var swiper = new Swiper('.swiper-container', {
      direction: 'vertical',
      followFinger: false,
      speed: 800,
      mousewheelControl: true,
      pagination: '.swiper-pagination',
      onInit: function (swiper) {
        slide = swiper.slides.eq(0);
        slide.addClass('ani-slide');
      }, onTransitionStart: function (swiper) {
        for (i = 0; i < swiper.slides.length; i++) {
          slide = swiper.slides.eq(i);
          slide.removeClass('ani-slide');
        }
      }, onTransitionEnd: function (swiper) {
        slide = swiper.slides.eq(swiper.activeIndex);
        slide.addClass('ani-slide');

      },

    });

  </script>



</body>

</html>